<!--
  Generated template for the ProdaddPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="primary" text-center>
    <ion-title>商品新增</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-label class="item-label">产品名称</ion-label>
      <ion-input type="text" [(ngModel)]="name"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label class="item-label">产品价格</ion-label>
      <ion-input type="text" [(ngModel)]="price"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label class="item-label">产品详情</ion-label>
    </ion-item>
    <ion-textarea cols="30" rows="10" style="border: solid 1px blue" [(ngModel)]="des">

    </ion-textarea>
  </ion-list>
  <button type="button" ion-button icon-only (click)="takePic()" style="margin: 0;">
    <ion-icon name="camera"></ion-icon>
  </button>
  <img  *ngIf="imageurl!=null" [src]="imageurl" style="width:90%;height:400px;margin-top: 10px;">
</ion-content>
<ion-footer>
  <button ion-button block (click)="save()">保存</button>
</ion-footer>
